.rui-overlay-component-content{
  .rui-mask-layer{
    transition-duration: 300ms;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1026;
  }
  .rui-fade-enter-active{
    transition-property: opacity;
  }
  .rui-mask-content{
    position: absolute;
    z-index: 1024;
  }
  .rui-center{
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
  .rui-left{
    left: 0;
    top: 0;
    height: 100%;
  }
  .rui-right{
    right:0;
    top: 0;
    height: 100%;
  }
  .rui-top{
    top: 0;
    left: 0;
    width: 100%;
  }
  .rui-bottom{
    bottom: 0;
    left: 0;
    width: 100%;
  }
}